<?php echo $this->render('header.phtml'); ?>
<div id="login-form">
    <?php if(!empty($this->message)) :?>
        <div id="mensaje"><?php echo $this->escape($this->message);?></div>
    <?php endif; ?>
    <div class="loginbox">Ya tienes una cuenta
        <strong><a href="<?php echo $this->baseUrl;?>/login/login/" onclick="return modal_login()">Inicia Sesi&oacute;n</a></strong> ó
        <a href="<?php echo $this->baseUrl;?>/registracion/registracion/"><strong>Crea tu Cuenta Gratis</strong></a>.<br>
    </div>
</div>

<div id="main">

    <div class="menusections">
        <ul id="menu_pric_mem" class="menuoff_bg">
            <li><a href="#">Buscar Gente </a></li>
            <li><a href="#">Buscar Tags</a></li>
        </ul>
    </div>

    <div class="submenu">

        <div id="menu_pric_mem_option_1" style="display: block;">

          <input value="1" name="type" id="type" type="hidden">

            <table>

                <form name="search" id="search" action="search_results.php" method="get"></form>

            <tbody><tr>
              <td>
                <select id="gender" name="gender">
                    <option value="all" selected="selected">Todos</option>
                    <option value="f">Chicas</option>
                    <option value="m">Chicos</option>
                </select>

                <select id="min_age" name="min_age">
                    <option value="18" selected="selected">18</option>
                </select>

                <select id="max_age" name="max_age" class="input">
                    <option value="18">18</option>
                </select>

                <select id="country" name="country" onchange="getStateListSearch(this)" style="width: 220px;">
                    <option value="" selected="selected"> Cualquier Pa&iacute;s</option>
                </select>

                <select name="statesearch" id="statesearch">
                    <option value="" selected="selected">Cualquier Regi&oacute;n</option>
                </select>

                <input id="pictures_only" name="pictures_only" value="1" checked="checked" type="checkbox">
                <label for="pictures_only">Con fotos</label>
                &nbsp;
                <input name="Submit" value="Buscar" type="submit">
              </td>
            </tr>

          </tbody></table>
        </div>

<div id="menu_pric_mem_option_2" style="display: none;">
<input value="2" name="type" id="type" type="hidden">
    <table>
  <form name="search_tags" id="search_tags" action="search_results.php" method="get"></form>
  <tbody><tr>
      <td>
        Buscar Tags: <input name="tags" value="" id="tags" size="35" type="text">
        <input name="Submit" value="Buscar" type="submit">
      </td>
      <td width="10"></td>
      <td></td>
    </tr>
  </tbody></table>
  </div>
</div>
<div class="separator"></div>



<h1>Registrate Gratis!</h1>

<script type="text/javascript" src="signup.php_files/getcities.js"></script>

<form name="signup" action="<?php echo $this->baseUrl;?>/registracion/registracion/add" method="post" onsubmit="return check_form_s(this);">
<input name="check" id="check" value="ok" type="hidden">
<input name="user_lang" id="user_lang" value="es" type="hidden">

<table class="signup">
  <tbody><tr>
    <td>Elige un Usuario: </td>

    <td><input name="username" class="input" id="username" onblur="verifyUsername(signup);" value="" size="15" maxlength="255" type="text"> .surforce.com
        <div class="error" id="form_username_error"></div>
        <input name="Submit" value="Comprobar nombre!" type="submit">
        </td>
  </tr>
  <tr>
    <td>Elige una Contrase&ntilde;a: </td>
    <td><input name="password" class="input" id="password" onblur="verifyPassword(signup);" value="" size="15" maxlength="32" type="password"><div class="error" id="form_password_error"></div></td>
  </tr>

  <tr>
    <td>Repite tu Contrase&ntilde;a: </td>
    <td><input name="password2" class="input" id="password2" onblur="verifyPassword2(signup);" value="" size="15" maxlength="32" type="password"><div id="form_password2_error"></div>	</td>
  </tr>
  <tr>
    <td>Tu Correo Electr&oacute;nico </td>
    <td><input name="email" class="input" id="email" onblur="verifyEmail(signup);" value="" size="40" maxlength="255" type="text"><div class="error" id="form_email_error"></div></td>

  </tr>

  <tr>
    <td>Tu Nombre:</td>
    <td><label>
      <input name="name" class="input" id="name" onblur="verifyName(signup);" value="" size="30" maxlength="255" type="text">
    </label><div class="error" id="form_name_error"></div></td>
  </tr>
  <tr>

    <td>Tu Sexo:</td>
    <td><label>
      <select name="gender" id="gender" class="input">
          <option value="Hombre">Chico</option>
        <option value="Mujer">Chica</option>
      </select>
    </label><div id="form_gender_error"></div></td>

  </tr>
  <tr>
    <td>Tu Pa&iacute;s:</td>
    <td>
    <label>
    <select id="country_s" name="country_s" onchange="getStateList(this,null)" style="width: 220px;" class="input">
            <option value="" selected="selected">
                Cualquier Pa&iacute;s            </option>

                    <option value="AF">
            Afganist�n            </option>
             </select>
    </label><div id="form_country_error"></div>
</td>
  </tr>
  <tr>
    <td>Tu Estado:</td>
    <td><label><select name="state" id="state" class="input"><option value="Adygeya">Adygeya</option><option value="Aga Buryat">Aga Buryat</option><option value="Altay">Altay</option><option value="Altay">Altay</option><option value="Amur">Amur</option><option value="Arkhangel'sk">Arkhangel'sk</option><option value="Astrakhan'">Astrakhan'</option><option value="Bashkortostan">Bashkortostan</option><option value="Belgorod">Belgorod</option><option value="Bryansk">Bryansk</option><option value="Buryatiya">Buryatiya</option><option value="Chechnya">Chechnya</option><option value="Chelyabinsk">Chelyabinsk</option><option value="Chita, Irkutsk">Chita, Irkutsk</option><option value="Chukotka">Chukotka</option><option value="Chuvashiya">Chuvashiya</option><option value="Dagestan">Dagestan</option><option value="Ingushetiya">Ingushetiya</option><option value="Ivanovo">Ivanovo</option><option value="Kabardino-Balkariya">Kabardino-Balkariya</option><option value="Kaliningrad">Kaliningrad</option><option value="Kalmykiya">Kalmykiya</option><option value="Kaluga">Kaluga</option><option value="Kamchatka">Kamchatka</option><option value="Karachayevo-Cherkesiya">Karachayevo-Cherkesiya</option><option value="Kareliya">Kareliya</option><option value="Kemerovo">Kemerovo</option><option value="Khabarovsk">Khabarovsk</option><option value="Khakasiya">Khakasiya</option><option value="Khanty-Mansi">Khanty-Mansi</option><option value="Kirov">Kirov</option><option value="Komi">Komi</option><option value="Koryak">Koryak</option><option value="Kostroma">Kostroma</option><option value="Krasnodar">Krasnodar</option><option value="Krasnoyarsk">Krasnoyarsk</option><option value="Kurgan">Kurgan</option><option value="Kursk">Kursk</option><option value="Leningrad">Leningrad</option><option value="Lipetsk">Lipetsk</option><option value="Magadan">Magadan</option><option value="Mariy-El">Mariy-El</option><option value="Mordoviya">Mordoviya</option><option value="Moscow">Moscow</option><option value="Moscow">Moscow</option><option value="Murmansk">Murmansk</option><option value="Nenets">Nenets</option><option value="Nizhniy Novgorod">Nizhniy Novgorod</option><option value="North Ossetia">North Ossetia</option><option value="Novgorod">Novgorod</option><option value="Novosibirsk">Novosibirsk</option><option value="Omsk">Omsk</option><option value="Orel">Orel</option><option value="Orenburg">Orenburg</option><option value="Penza">Penza</option><option value="Permskiy">Permskiy</option><option value="Primorskiy">Primorskiy</option><option value="Pskov">Pskov</option><option value="Rostov">Rostov</option><option value="Ryazan'">Ryazan'</option><option value="Saint Petersburg">Saint Petersburg</option><option value="Sakha [Yakutiya]">Sakha [Yakutiya]</option><option value="Sakhalin">Sakhalin</option><option value="Samara">Samara</option><option value="Saratov">Saratov</option><option value="Smolensk">Smolensk</option><option value="Stavropol'">Stavropol'</option><option value="Sverdlovsk">Sverdlovsk</option><option value="Tambov">Tambov</option><option value="Tatarstan">Tatarstan</option><option value="Tomsk">Tomsk</option><option value="Tula">Tula</option><option value="Tver'">Tver'</option><option value="Tyumen'">Tyumen'</option><option value="Tyva">Tyva</option><option value="Udmurtiya">Udmurtiya</option><option value="Ul'yanovsk">Ul'yanovsk</option><option value="Ust'-Orda Buryat">Ust'-Orda Buryat</option><option value="Vladimir">Vladimir</option><option value="Volgograd">Volgograd</option><option value="Vologda">Vologda</option><option value="Voronezh">Voronezh</option><option value="Yamalo-Nenets">Yamalo-Nenets</option><option value="Yaroslavl'">Yaroslavl'</option><option value="Yevrey">Yevrey</option></select></label><div id="form_state_error"></div></td>

  </tr>
  <tr>
    <td>Tu Ciudad:</td>
    <td><label>
        </label>
      <input name="city" class="input" id="city" onblur="verifycity(signup);" size="30" maxlength="255" value="Buenos Aires" type="text"><div id="form_city_error"></div></td>
  </tr>
  <tr>

    <td>Fecha de Nacimiento:</td>

    <td><select name="day" id="day" class="input">
        <option value="0">D&iacute;a</option>
        <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option>

        <option value="04">04</option>
        <option value="05">05</option>
        <option value="06">06</option>
        <option value="07">07</option>
        <option value="08">08</option>
        <option value="09">09</option>

        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>

        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>

        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>

        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
      </select>

      <select name="month" id="month" class="input">

        <option value="">Mes</option>
        <option value="01">Enero</option>
        <option value="02">Febrero</option>
        <option value="03">Marzo</option>
        <option value="04">Abril</option>
        <option value="05">Mayo</option>

        <option value="06">Junio</option>
        <option value="07">Julio</option>
        <option value="08">Agosto</option>
        <option value="09">Setiembre</option>
        <option value="10">Octubre</option>
        <option value="11">Noviembre</option>

        <option value="12">Diciembre</option>
      </select>

      <select name="year" id="year" class="input">
          <option value="">A&ntilde;o</option>
        <option value="1993">1993</option>
        <option value="1992">1992</option>

        <option value="1991">1991</option>
        <option value="1990">1990</option>
        <option value="1989">1989</option>
        <option value="1988">1988</option>
        <option value="1987">1987</option>
        <option value="1986">1986</option>

        <option value="1985">1985</option>
        <option value="1984">1984</option>
        <option value="1983">1983</option>
        <option value="1982">1982</option>
        <option value="1981">1981</option>
        <option value="1980">1980</option>

        <option value="1979">1979</option>
        <option value="1978">1978</option>
        <option value="1977">1977</option>
        <option value="1976">1976</option>
        <option value="1975">1975</option>
        <option value="1974">1974</option>

        <option value="1973">1973</option>
        <option value="1972">1972</option>
        <option value="1971">1971</option>
        <option value="1970">1970</option>
        <option value="1969">1969</option>
        <option value="1968">1968</option>

        <option value="1967">1967</option>
        <option value="1966">1966</option>
        <option value="1965">1965</option>
        <option value="1964">1964</option>
        <option value="1963">1963</option>
        <option value="1962">1962</option>

        <option value="1961">1961</option>
        <option value="1960">1960</option>
        <option value="1959">1959</option>
        <option value="1958">1958</option>
        <option value="1957">1957</option>
        <option value="1956">1956</option>

        <option value="1955">1955</option>
        <option value="1954">1954</option>
        <option value="1953">1953</option>
        <option value="1952">1952</option>
        <option value="1951">1951</option>
        <option value="1950">1950</option>

        <option value="1949">1949</option>
        <option value="1948">1948</option>
        <option value="1947">1947</option>
        <option value="1946">1946</option>
        <option value="1945">1945</option>
        <option value="1944">1944</option>

        <option value="1943">1943</option>
        <option value="1942">1942</option>
        <option value="1941">1941</option>
        <option value="1940">1940</option>
        <option value="1939">1939</option>
        <option value="1938">1938</option>

        <option value="1937">1937</option>
        <option value="1936">1936</option>
        <option value="1935">1935</option>
        <option value="1934">1934</option>
        <option value="1933">1933</option>
        <option value="1932">1932</option>

        <option value="1931">1931</option>
        <option value="1930">1930</option>
        <option value="1929">1929</option>
        <option value="1928">1928</option>
      </select></td>
  </tr>

  <tr>
    <td>&nbsp;</td>
    <td><input name="terms" id="terms" type="checkbox"> <a href="/terms/" target="_blank">Acepto los teminos</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>

    <td><label>
      <input name="Submit" value="Crear mi cuenta!" type="submit">

    </label></td>
  </tr>

</tbody></table>
<script language="javascript">
window.onload=getStateList(document.getElementById("country_s"),'null');
</script>
<script language="javascript">
<!--

function verifyUsername(signup) {
checkUsername = signup.username.value

if (checkUsername.length < 2)
{

form_username_error_var = document.getElementById("form_username_error");
form_username_error_var.innerHTML = "Por favor, escribe tu usuario.";
form_username_error_var.setAttribute("class","error")

// signup.name.select();
return false;
}

else {
form_username_error_var = document.getElementById("form_username_error");
form_username_error_var.innerHTML = "";

}

}


function verifyPassword(signup) {
checkPassword = signup.password.value

if (checkPassword.length < 2)
{

form_password_error_var = document.getElementById("form_password_error");
form_password_error_var.innerHTML = "Por favor, escribe tu contrase&ntilde;a.";
form_password_error_var.setAttribute("class","error")

// signup.password.select();
return false;
}

else {
form_password_error_var = document.getElementById("form_password_error");
form_password_error_var.innerHTML = "";

}

}

function verifyPassword2(signup) {
checkPassword2 = signup.password2.value

if (signup.password.value !=  signup.password2.value)
{

form_password2_error_var = document.getElementById("form_password2_error");
form_password2_error_var.innerHTML = "Las contrase&ntilde;as ingresadas no concuerdan.";
form_password2_error_var.setAttribute("class","error")

// signup.password2.select();
return false;
}

else {
form_password2_error_var = document.getElementById("form_password2_error");
form_password2_error_var.innerHTML = "";

}

}


function verifyEmail(signup) {
checkEmail = signup.email.value

if ((checkEmail.indexOf('@') < 0) || ((checkEmail.charAt(checkEmail.length-4) != '.') && (checkEmail.charAt(checkEmail.length-3) != '.')))
{


form_email_error_var = document.getElementById("form_email_error");
form_email_error_var.innerHTML = "Por favor escribe una direccion de correo valida.";
form_email_error_var.setAttribute("class","error")

// signup.email.select();
return false;
}

else {
form_email_error_var = document.getElementById("form_email_error");
form_email_error_var.innerHTML = "";

}

}

function verifyName(signup) {
checkName = signup.name.value

if (checkName.length < 2)
{

form_name_error_var = document.getElementById("form_name_error");
form_name_error_var.innerHTML = "";
form_name_error_var.setAttribute("class","error")

// signup.name.select();
return false;
}

else {
form_name_error_var = document.getElementById("form_name_error");
form_name_error_var.innerHTML = "";

}

}

function verifycity(signup) {
checkcity = signup.city.value

if (checkcity.length < 2)
{

form_city_error_var = document.getElementById("form_city_error");
form_city_error_var.innerHTML = "Por favor, escribe tu ciudad.";
form_city_error_var.setAttribute("class","error")

// signup.name.select();
//
return false;
}

else {
form_city_error_var = document.getElementById("form_city_error");
form_city_error_var.innerHTML = "";

}

}

function check_terms(objform)	{
    if (objform.terms.checked == false){
        alert("Debes aceptar los terminos del contrato antes de continuar");
        objform.terms.focus();
        return false;
    }else{
        return true;
    }
}

function check_form_s(objForm){
    return check_terms(objForm);
}
-->
</script>

<?php echo $this->render('footer.phtml'); ?>

